img{display: block; max-width: 100%; margin: 0 auto;}
.indcontainer{width: 1520px;margin: 0 auto;}
.indtitle{width: 100%;text-align: center;}
.indtitle_back{padding-top: 50px;}
.indtitle h6{font-size: 36px;color: #030303;font-weight: bold;}
.indtitle p{font-size: 18px; color: #666; text-align: center; margin-top: 20px;}

.product_content{width: 1500px; margin: 0 auto; position: relative; z-index: 100}
.product_item{position: relative; margin-top: 60px;}
.product_item:first-child{margin: 0}

.product_item:nth-of-type(odd) .product_img{width: 55%;}
.product_item:nth-of-type(even) .product_img{width: 52%;}
.product_img img{display: block; max-width: 100%}
.product_item:nth-of-type(odd) .product_message{width: 45%; position: absolute; left: 30%; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; z-index: 100;}
.product_item:nth-of-type(even) .product_message{width: 45%; position: absolute; right: 30%; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; z-index: 100;}
.product_item:nth-of-type(odd) .product_header h2{color: #14141a; font-size: 50px;}
/*.product_message:hover{ background: #14141a}
.product_message:hover h2{ color: #ffffff}*/
.product_item:nth-of-type(even) .product_header h2{color: #333; font-size: 50px;}
.product_header h2 span{color: #8dc21f;}
.product_item:nth-of-type(odd) .product_header p{color: #a6a7aa; font-size: 18px; margin-top: 20px;}
.product_item:nth-of-type(even) .product_header p{color: #333; font-size: 18px; margin-top: 20px;}
.product_body{margin-top: 80px;}
.product_item:nth-of-type(odd) .product_body p{line-height: 1.8; color: #999693; font-size: 18px;}
.product_item:nth-of-type(even) .product_body p{line-height: 1.8; color: #333; font-size: 18px;}
.product_footer{margin-top: 80px;}
.line_icon{position: relative; width: 30px; height: 7px; float: right;}
.line{display: block; width: 29px; height: 3px; background: #8dc21f; position: absolute; left: 0; bottom: 0;}
.icon{display: block; width: 15px; height: 3px; background: #8dc21f; transform: rotate(35deg); position: absolute; right: 0; top: 0;}
.wrapUp{background: #f3f3f3; padding: 60px 0}
.application_market{width: 1500px; margin: 0 auto; background: #fff; padding: 60px;}
.application_market_width{width: 1484px;}
.application_message{width: 100%;}
.application_message h2{font-size: 36px; color: #333333; margin-top: 30px; text-align: center;}
.application_message p{font-size: 19px; margin:40px 0; line-height: 1.8; color: #666; text-align: center;}
.application_img{width: 100%; cursor: pointer;}
.application_item{width: 50%; padding: 8px; float: left; position: relative; overflow: hidden;}
.application_item img{width: 100%; height: 100%; display: block;}
.application_storey{position: absolute; left: 8px; right: 8px; height: calc(100% - 16px); bottom: -60%; padding: 0 30px; transition: all 0.5s;}
.application_hover{left: 8px; right: 8px; top: 8px; bottom: 8px; background: rgba(0,0,0,0.7); transition: all 0.5s;}
.application_storey h2{color: #fff; font-size: 30px; margin: 25px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.application_storey_noshadow{background: rgba(255,255,255,0.5); bottom: -72%;}
.application_storey_noshadow h2{text-shadow: none; color: #8dc21f}
/*.application_storey h2 span{color: #8dc21f;}*/
/*.application_storey p{color: #fff; font-size: 15px; line-height: 1.5; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}*/
.application_storey p{color: #fff; font-size: 15px; line-height: 1.5; margin-top: 0px; }
.application_cont{ margin-top: 0px; overflow-y: auto; line-height:1.5;max-height:80px}
.application_storey a{display: block; margin-top: 20px;}
.application_storey a img{display: block; float: right; width: 30px; height: 13px;}
.core_technology{height: 720px; width: 100%; background: url(../image/skill.jpg) no-repeat left top/cover; position: relative;}
.skill_view{width: 1500px; margin: 0 auto;}
.skill_message{position: absolute; bottom: 0; height: 550px;}
.skill_title{color: #fff; font-size: 50px; text-align: center; padding: 70px 0;}
.skill_item{width: 33.3333%; height: 100%; text-align: center; color: #fff; padding: 0 20px;}
.skill_item_block{padding: 0 20px; height: 100%;}
.skill_item_hover{background-image: linear-gradient(transparent,rgba(141,194,31,0.47));}
.skill_item h2{color: #fff; font-size: 32px; margin-top: 30px;}
.skill_item p{color: #8dc21f; font-size: 30px; padding: 20px 0; position: relative;}
.skill_item p::before{content: ' '; position: absolute; left: 0; width: 100%; bottom: 0; background: url(../image/ornament.png) no-repeat 50% 50%; height: 1px; border-radius: 100%;}
.skill_item ul{margin-top: 30px;}
.skill_item ul li{ line-height: 32px; color: #fff; font-size: 18px; word-break:break-word}
.skill_item a{display: block; margin-top: 50px;}
.about_Us{padding: 80px 0;}
.aboutUs_left{width: 53%; padding-left: 0; background: #8dc21f;}
.aboutUs_text{padding: 70px 110px 110px 50px;}
.aboutUs_text h2{color: #fff; font-size: 50px; text-align: center; margin-bottom: 70px;}
.aboutUs_text p{color: #fff; font-size: 16px; line-height: 2;}
.aboutUs_text a{display: block; width: 140px; height: 50px; text-align: center; line-height: 40px; border-radius: 50px; background: #fff; float: right; margin-top: 50px;}
.aboutUs_text a img{width: 30px; margin-top: 15px;}
.aboutUs_right{width: 47%; padding-right: 0;}
.aboutUs_right img{display: block; margin-top: 45px;}
.contact_position{position: relative}
.contact_position img{width: 100%;}
.seek_advice{padding: 0 20px; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 100}
.seek_advice p{color: #333; font-size: 24px; text-align: center;}
.seek_advice h2{color: #333; font-size: 32px; text-align: center; margin-top: 15px;}
.seek_advice span{color: #333; font-size: 16px; display: block; text-align: center; margin-top: 30px;}
.seek_advice a{color: #333; font-size: 20px; width: 130px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #999; border-radius: 38px; display: block; margin: 0 auto; margin-top: 25px;}


.banner-container{width: 100%;overflow: hidden;}
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;height: auto;}
.banner-pc-img{display: block;min-height: 660px;}
.banner-mobile-img{display: none;}
.banner-words{width: 900px;position: absolute;left: 35%;top: 50%; padding:20px;transform: translate(-50%,-50%); padding-left: 150px;}
.banner-words h4{font-size: 50px;color: #fefefe;font-weight: 300;}
.banner-words h4 span{color: #000; font-size:60px; font-weight:300; }
.banner-words h5{font-size: 50px;color: #333;font-weight: 300; }

.banner-words h6{width: 100%;overflow: hidden;margin-top: 30px;}
.banner-words h6 span{font-size: 20px;color: #fff;position: relative; display: block; line-height: 1.8;}
/*.banner-words h6 span:before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 100%;border: 2px solid #fff;top: 50%;margin-top: -3px;left: 0;}*/
.banner-words a{display: inline-block;font-size: 18px;color: #fff;margin-top: 62px;position: relative;padding: 4px 0;}
.banner-words a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../image/arr-right.png') no-repeat center center;top: 50%;right: -24px;margin-top: -10px;}
.banner-words a:before{content: "";position: absolute;width: 0%;height: 1px;background: #fff;left: 0;bottom: 0;transition: all .4s linear;}
.banner-words a:hover:before{width: 100%;}
.swiper-slide-active .banner-words h4 {animation: bannerupT 1s ease both;animation-delay:900ms;}
.swiper-slide-active .banner-words h5 {animation: bannerupT 1.3s ease both;animation-delay:1200ms;}
.swiper-slide-active .banner-words a {animation: bannerupB 1s ease both;animation-delay:600ms;}
@keyframes bannerupT {0% {transform: translateY(-60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-pagination-bullet {width: 50px;height: 50px;display: inline-block;border-radius: 100%;background: transparent;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active {opacity: 1;position: relative; width:50px; height:50px; border:1px solid #8dc21f; background:transparent;}
.banner .swiper-pagination-bullet:after{content: "";width: 14px;height: 14px;position: absolute;left: 50%;top: 50%;background-color: #fff;border-radius: 100%;margin-top: -7px;margin-left: -7px;}
.banner .swiper-pagination-bullet-active:after {content: "";width: 14px;height: 14px;position: absolute;left: 50%;top: 50%;background-color: #8dc21f;border-radius: 100%;margin-top: -7px;margin-left: -7px;}

.chip-container{width: 100%;background: #f7f7f8;padding-top: 110px;}
.chip-listbox{width: 100%;}
.chip-wordspic {width: 100%;height: 620px;position: relative;margin-top: 56px;}
.chip-pic{width: 100%;height: 620px;overflow: hidden;float: right;}
.chip-pic img{width: 100%;height: 100%;object-fit: cover;}
.chip-words{width: 45%;height: 480px;background: rgba(65,161,255,0.5);padding: 116px 50px 0 50px;position: absolute;left: 0;top: 70px; z-index: 2;}
.chip-words h6{font-size: 25px;color: #fff;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.chip-words p{font-size: 15px;color: #fff;line-height: 35px;margin-top: 20px;height: 100px;overflow: hidden;display: -webkit-box;  text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.chip-words a{display: block;width: 120px;height: 35px;border-radius: 8px;border: 1px solid #fff;font-size: 12px;color: #fff;text-align: center;line-height: 35px;margin-top: 50px;transition: all .3s ease-in-out;}
.chip-words a:hover{background: #41a1ff;color: #fff;border-color: #41a1ff;}
.chip-picwords .chip-pic{float: left;}
.chip-picwords .chip-words{left: auto;right: 0;}

.pro-container{width: 100%;padding: 108px 0 50px;background: #f7f7f8;}
.pro-tablist{width: 100%;margin-top: 52px;}
.pro-tableft{height: 792px;float: left;width: 49.4%;box-shadow: 0 0 6px 2px #e9e9ea;background: #fff;}
.pro-tablpic{height: 660px;width: 100%;padding: 0 50px;text-align: center;line-height: 660px;overflow: hidden;}
.pro-tablpic img{max-width: 100%;}
.pro-tablwords{width: 100%;text-align: center;}
.pro-tablwords h6{font-size: 28px;color: #1e1e1e;font-weight: bold;}
.pro-tablwords a{display: block;width: 120px;height: 38px;border-radius: 30px;border: 1px solid #d3d2d2;font-size: 12px;color: #1e1e1e;text-align: center;line-height: 38px;margin: 14px auto 0;transition: all .3s ease-in-out;}
.pro-tablwords a:hover{background: #1e1e1e;color: #fff;border-color: #1e1e1e;}
.pro-tabright{width: 49%;float: right;}
.pro-tabright ul {margin-left: -3%;}
.pro-tabright ul li{width: 97%;margin-left: 3%;height: 384px;box-shadow: 0 0 6px 2px #e9e9ea;background: #fff;text-align: center;float: left; margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap}
.pro-tabright ul li:first-child{margin-top: 0;}
.goodsList ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 16px}
.goodsList ul li{width: 24%;background: #fff; padding-bottom: 24px;}
.goodsList ul li .pro-tabrpic{width: 100%;}
.goodsList ul li .pro-tabrwords{width: 100%;}
.pro-tabrpic{height: 268px;width: 50%;padding: 0 36px;text-align: center;line-height: 268px;overflow: hidden;}
.pro-tabrpic img{max-width: 100%;}
.pro-tabrwords{width: 50%;text-align: center;}
.pro-tabrwords h6{font-size: 16px;color: #1e1e1e;font-weight: bold;}
.pro-tabrwords a{display: block;width: 120px;height: 38px;border-radius: 10px;border: 1px solid #9acdff;font-size: 12px;color: #0081ff;text-align: center;line-height: 38px;margin: 14px auto 0;transition: all .3s ease-in-out;}
.pro-tabrwords a:hover{background: #0081ff;color: #fff;border-color: #0081ff;}

.case-container{width: 100%;background: #f7f7f8;}
.case-bgwords{width: 100%;overflow: hidden;padding: 240px 0 152px 0;text-align: center;}
.case-bgwords h6{font-size: 44px;width: 100%;color: #fff;font-weight: bold;}
.case-bgwords p{font-size: 18px;color: #fff;line-height: 34px;width: 70%;margin: 30px auto 0;}
.case-bgwords a{display: block;width: 180px;height: 42px;border-radius: 30px;font-size: 12px;color: #1e1e1e;text-align: center;line-height: 42px;margin: 72px auto 0;transition: all .3s ease-in-out;background: #fff;}
.case-bgwords a:hover{background: #1e1e1e;color: #fff;}

.item-container{width: 100%;padding-bottom: 94px;background: #f7f7f8;}
.item-picwords{width: 100%;margin-top: 60px;overflow: hidden;position: relative;}
.item-pic{width: 50%;height: 470px;overflow: hidden;}
.item-pic img{width: 100%;height: 100%;object-fit: cover;}
.item-prev,.item-next{width: 60px;height: 120px;user-select: none;cursor: pointer;transition: all .3s ease-in-out;position: absolute;top: 178px;z-index: 6;}
.item-prev{left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background: rgba(0, 0, 0, .54) url('../image/itemL.png') no-repeat center center;}
.item-next{right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;background: rgba(0, 0, 0, .54) url('../image/itemR.png') no-repeat center center;}
.item-prev:hover{background: rgba(0, 0, 0, 1) url('../image/itemL.png') no-repeat center center;}
.item-next:hover{background: rgba(0, 0, 0, 1) url('../image/itemR.png') no-repeat center center;}
.item-words{width: 50%; padding: 60px 30px; box-sizing: border-box;transition: all .4s ease-in-out;}
.item-words h4{font-size: 30px;color: #1e1e1e;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-bottom: 16px;}
.item-words p{font-size: 15px;color: #666;line-height: 30px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.item-words>a{display: block;width: 120px;height: 38px;border-radius: 30px;border: 1px solid #d3d2d2;font-size: 12px;color: #1e1e1e;text-align: center;line-height: 38px;margin: 30px auto 0;transition: all .3s ease-in-out;}
.item-words>a:hover{background: #1e1e1e;color: #fff;border-color: #1e1e1e;}
.gallery-top .swiper-wrapper{padding-bottom: 80px;}
.item-picwords .swiper-pagination-bullet {border-radius: 100%;background: transparent;opacity: 1;border: 1px solid #000;}
.item-picwords .swiper-pagination-bullet-active {background: #000;}
.swiper-slide-active .item-words{opacity: 1;}
.news-container{width: 100%;padding-bottom: 120px;background: #fff;}
.news-picwords{width: 100%;margin-top: 60px;}
.news-picwords ul{margin-left: -5%;}
.news-picwords ul li{width: 45%;float: left;margin-left: 5%;}
.news-pic{width: 100%;height: 277px;overflow: hidden;border-top-right-radius: 10px;border-top-left-radius: 10px;position: relative;z-index: 3;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;}
.news-words{width: 100%;padding: 30px 0;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.news-words h6{width: 100%;margin-top: 36px;}
.news-words span{display: block;font-size: 13px;color: #666;}
.news-words span i{color: #0081ff; border: 1px solid #cfe7ff; line-height: 1; padding: 0 2px; border-radius: 2px;}
.news-words p{font-size: 22px;font-weight: bold;color: #282828;margin-top: 8px;height: 58px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-words p a:hover{color: #000;text-decoration: underline;}
.news-more a{display: inline-block;font-size: 16px;color: #999;padding-right: 10px;transition: all .3s ease-in-out;}
.news-more a:hover{padding-right: 42px;color: #000;}
.news-link{width: 100%;}
.news-link h6{width: 100%;}
.news-link h6:nth-child(n+2){margin-top: 52px;}
.news-link span{display: block;font-size: 14px;color: #808080;}
.news-link p{font-size: 18px;font-weight: 400;color: #020202;margin-top: 8px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-link p a:hover{color: #000;text-decoration: underline;}
.gallery-thumbs{width: 70%; margin: 20px auto;}
.gallery-thumbs .swiper-wrapper{border-bottom: 1px solid #525a78;}
.gallery-thumbs .swiper-slide{color: #fff; font-size: 18px; padding: 20px 0; text-align: center; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active{border-bottom: 1px solid #41a1ff;}
.headerTitle{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #0081ff;}
.title{width: 135px; height: 45px; background: #0081ff; color: #fff; text-align: center; line-height: 45px;}
.client{display: flex; align-items: center; flex-wrap: wrap;}
.client div{width: 18%; margin: 0 1%;}
.client div img{display: block; max-width: 100%; margin: 60px auto 0;}

 .gallery-top .swiper-slide {
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.gallery-top  .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}


.swiper-button-next,.swiper-button-prev{background: rgba(0,0,0,0.5); width: 64px; height: 64px; border-radius: 50%;}
.swiper-button-next:hover{background: rgba(141,194,31,0.5);}
.swiper-button-prev:hover{background: rgba(141,194,31,0.5);}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{color: #fff; font-size: 18px; font-weight: bolder}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{color: #fff; font-size: 18px; font-weight: bolder}

.application_market_padding{padding-left: 0; padding-right: 0}
@media all and (max-width:1900px) {
  .banner-words{width: 840px;}
}
@media all and (max-width:1700px) {
  .banner-words{width: 800px;}
}

@media all and (max-width:1640px) {
    .banner-words{width: 700px;}
    .indcontainer{width: 94%;}
    .news-words{padding: 30px 0;}
}

@media all and (max-width:1500px) {
  .application_market_width{width: 100%;}
  .banner-words{left:30%; width:600px;}
  .product_content{width: 100%; padding: 0 30px;}
  .product_item:nth-of-type(odd) .product_img{width: 52%}
  .product_item:nth-of-type(odd) .product_message{padding: 0; left: 40%}
  .product_item:nth-of-type(odd) .product_header h2{font-size: 32px;}
  
  .product_item:nth-of-type(even) .product_img{width: 52%}
  .product_item:nth-of-type(even) .product_message{padding: 0;}
  .product_item:nth-of-type(even) .product_header h2{font-size: 32px;}
  
  .wrapUp{padding: 60px 0;}
  .application_storey{bottom: -65%;}
  .application_hover{top: 8px;}
  .application_market{width: 100%; padding: 30px;}
  .application_market_padding{padding-left: 0; padding-right: 0}
  .application_message h2{font-size: 30px;}
  .application_message p{font-size: 16px; width: 200px;}
  .application_storey h2{font-size: 20px; margin-top: 15px;}
  .application_storey p{font-size: 14px; margin-top: 0px;}
  .application_storey a{margin-top: 10px;}
  .application_storey a img{width: 24px;}
  
  .skill_view{width: 100%; padding: 0 30px;}
  
  .aboutUs_left{padding-left: 0;}
  .aboutUs_right{padding-right: 0;}
  .aboutUs_right img{max-width: 100%;}
  .aboutUs_text{padding: 50px 70px 80px 30px;}
  .aboutUs_text h2{margin-bottom: 40px;font-size: 42px;}
  .aboutUs_text p{font-size: 16px;}
  .aboutUs_text a{width: 120px; height: 40px; margin-top: 30px; line-height: 30px;}
  
  
  .application_storey_noshadow{bottom: -76%;}
  
    .banner-words h4{font-size: 48px;}
    .banner-words h4 span{font-size: 48px; }
    .banner-words h6 span{font-size: 20px; font-weight: bolder;}
    .banner-words a{margin-top: 54px;}
    .chip-container{padding-top: 80px;}
    .pro-container,.item-container{padding: 80px 0;}
    .indtitle h6{font-size: 32px;}
	.indtitle p{font-size: 16px; margin-top: 20px;}
    .chip-pic,.chip-wordspic{height: 520px;}
    .chip-wordspic, .item-picwords, .news-picwords{margin-top: 44px;}
    .chip-words {height: 400px;padding: 52px 40px 0 40px;}
    .item-pic{height: 420px;}
    .news-pic{height: 240px;}
    .news-link h6:nth-child(n+2) {margin-top: 42px;}
    .chip-words h6{font-size: 32px;}
    .pro-tablist {margin-top: 46px;}
    .case-bgwords h6{font-size: 40px;}
    .case-bgwords {padding: 180px 0 150px 0;}
    .item-prev, .item-next{top: 154px;}
    .item-words{padding-top: 46px;}
    .item-words h4{font-size: 26px;padding-bottom: 12px;}
    .news-words{padding: 24px 0;}
    .news-words p {font-size: 20px;margin-top: 6px;height: 54px;}
    .news-container{padding-bottom: 80px;}
    .news-words h6 {margin-top: 32px;}
    .item-words p{line-height: 28px;}
    .chip-words p {line-height: 30px;height: 84px;}
    .news-picwords ul{margin-left: -3%;}
    .news-picwords ul li{width: 47%;float: left;margin-left: 3%;}
}

@media all and (max-width:1380px) {
  .application_storey{bottom: -73%;}
   .product_item:nth-of-type(odd) .product_header h2{font-size: 28px;}
   .product_item:nth-of-type(odd) .product_message{padding: 0; width: 44%;}
  .product_item:nth-of-type(odd) .product_body{margin-top: 60px;}
  .product_item:nth-of-type(odd) .product_footer{margin-top: 60px;}
  .product_item:nth-of-type(odd) .product_img{width: 55%;}
  .product_item{margin-top: 30px;}
  
  .product_item:nth-of-type(even) .product_header h2{font-size: 28px;}
   .product_item:nth-of-type(even) .product_message{padding: 0; width: 48%;}
  .product_item:nth-of-type(even) .product_body{margin-top: 40px;}
  .product_item:nth-of-type(even) .product_footer{margin-top: 40px;}
  .product_item:nth-of-type(even) .product_img{width: 50%; top: 30px;}
  
  .skill_item a{margin-top: 20px;}
  .aboutUs_left{padding-left: 0;}
  .aboutUs_right{padding-right: 0;}
  
    .tablist-pic{height: 166px;}
    .tablist-container ul li{height: 420px;}
    .case-list ul li{height: 360px;}
    .news-container {padding: 60px 0 66px 0;}
    .base-container{padding: 72px 0 80px 0;}
    .tablist-words{width: 96%;}
    .chip-container{padding-top: 72px;}
    .pro-container,.item-container{padding: 72px 0;}
    .indtitle h6{font-size: 30px;}
	.indtitle p{font-size: 14px; margin-top: 20px;}
    .chip-wordspic,.pro-tablist{margin-top: 48px;}
    .chip-pic, .chip-wordspic{height: 500px;}
    .chip-words {height: 360px;padding: 40px 28px 0 28px;}
    .chip-words h6{font-size: 30px;}
    .case-bgwords h6 {font-size: 36px;}
    .case-bgwords {padding: 160px 0 120px 0;}
    .item-pic{height: 380px;}
    .news-pic{height: 220px;}
    .news-link h6:nth-child(n+2) {margin-top: 40px;}
    .item-prev, .item-next{top: 134px}
    .banner-words h4 {font-size: 40px;}
    .banner-words h4 span{font-size: 50px; }
    .banner-words h5 span{font-size: 40px; }
    .banner-words h6 span{font-size: 18px;}
    .banner-words a {margin-top: 40px;}
    .news-words p {font-size: 18px;margin-top: 6px;height: 48px;}
    .news-link p {font-size: 16px;margin-top: 6px;line-height: 26px;}
}

@media all and (max-width:1300px) {
    .banner-words h4{font-size: 45px;}
    .banner-words h4 span{font-size: 45px;}
    .banner-words h6 span{font-size: 18px;}
    .banner-words a{margin-top: 44px;}
    .chip-container{padding-top: 60px;}
    .pro-container,.item-container,.news-picwords,.item-picwords{padding: 60px 0;}
    .indtitle h6 {font-size: 28px;}
	.indtitle p{font-size: 14px; margin-top: 20px;}
    .chip-pic, .chip-wordspic{height: 460px;}
    .chip-words{height: 340px;}
    .chip-words h6 {font-size: 26px;}
    .case-bgwords h6 {font-size: 32px;}
    .item-pic {height: 336px;}
    .item-prev, .item-next{top: 114px}
    .news-pic{height: 196px;}
    .news-words p{font-size: 18px;}
    .news-link p{font-size: 16px;}
    .news-link h6:nth-child(n+2) {margin-top: 30px;}
    .item-words{padding-top: 40px;}
    .news-picwords,.item-picwords{margin-top: 0;}
    .item-container{padding-bottom: 0px;}
    .news-container{padding: 0px 0 48px 0;}
    .chip-words a{margin-top: 40px;}
    .pro-tabright ul li:nth-child(n+3){margin-top: 3%;}
    .pro-tableft {height: 786px;width: 49.5%;}
    .case-bgwords p {font-size: 16px;line-height: 28px;margin: 40px auto 0;}
    .news-picwords,.item-picwords {padding-top: 52px;}
    .item-picwords{padding-bottom: 42px;}
    .chip-wordspic, .pro-tablist {margin-top: 48px;}
}

@media all and (max-width:1200px) {
  .application_storey{bottom: -56%;}
    .product_item:nth-of-type(odd) .product_header h2{font-size: 28px;}
    .product_item:nth-of-type(odd) .product_message{padding: 0; width: 50%;}
    .product_item:nth-of-type(odd) .product_body{margin-top: 60px;}
    .product_item:nth-of-type(odd) .product_footer{margin-top: 60px;}
    .product_item:nth-of-type(odd) .product_img{width: 50%;}
    .product_item{margin-top: 30px;}

    .product_item:nth-of-type(even) .product_header h2{font-size: 28px;}
    .product_item:nth-of-type(even) .product_message{padding: 0; width: 50%;}
    .product_item:nth-of-type(even) .product_body{margin-top: 40px;}
    .product_item:nth-of-type(even) .product_footer{margin-top: 40px;}
    .product_item:nth-of-type(even) .product_img{width: 50%; top: 30px;}

    .skill_item a{margin-top: 20px;}
    .aboutUs_left{padding-left: 20px;}
    .aboutUs_right{padding-right:0;}
    .skill_message{left: 0;}
    .skill_item{padding: 0 12px;}
    .skill_item_block{padding: 0 12px;}
    .skill_item h2{font-size: 24px;}
    .skill_item p{font-size: 20px;}
    .skill_item ul li{font-size: 16px;}
    .aboutUs_text h2{font-size: 28px;}
    .about_Us{padding: 30px 0; margin-bottom: 20px;}
    .aboutUs_text p{font-size: 14px;}
    .aboutUs_text {padding: 30px; padding-left: 0}
    .application_storey_noshadow{bottom: -70%;}
}


@media all and (max-width:1000px) {
  .skill_item ul li{font-size: 14px;}
  .application_storey{top: 72%; left: 0; right: 0; height: 100%;}
  .contact_position img{max-width: 200%; height: 300px;}
  .swiper-button-prev{width: 42px; height: 42px;}
  .swiper-button-next{width: 42px; height: 42px;}
  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 16px;}
  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: 16px;}
  .product_content{margin-top: 20px; padding: 0}
  .product_item{position: relative;}
  .product_message{position: absolute; left: 0; width: 100%; top: 50%; background: rgba(255,255,255,0.7) !important;}
    .product_item:nth-of-type(odd) .product_header h2{font-size: 28px;}
    .product_item:nth-of-type(odd) .product_message{padding: 0; width: 100%; left: 0; text-align: center}
    .product_item:nth-of-type(odd) .product_body{margin-top: 60px;}
    .product_item:nth-of-type(odd) .product_footer{margin-top: 60px;}
    .product_item:nth-of-type(odd) .product_img{width: 100%; position: static}
  .product_img img{margin: 0 auto;}
    .product_item{margin-top: 30px;}

    .product_item:nth-of-type(even) .product_header h2{font-size: 28px;}
    .product_item:nth-of-type(even) .product_message{padding: 0; width: 100%; left: 0; text-align: center}
    .product_item:nth-of-type(even) .product_body{margin-top: 40px;}
    .product_item:nth-of-type(even) .product_footer{margin-top: 40px;}
    .product_item:nth-of-type(even) .product_img{width: 100%; position: static}
  .application_storey a{margin-top: 10px;}
  .application_message{width: 100%; float: none;}
  .application_img{width: 100%; float: none; margin-top: 0;}
  .application_message h2{width: 100%; margin-top: 20px; text-align: center}
  .application_message p{width: 100%; margin-top: 20px; text-align: center}
  .core_technology{height: 550px;}
  .application_item{width: 100%; padding: 0; margin-top: 20px;}
  .application_item:first-child{margin: 0}
  .skill_view{padding: 0 20px;}
  .skill_title{font-size: 30px; padding: 30px 0}
  .application_market{padding: 20px;}
  .application_hover{padding: 0 15px; top: 0; left: 0; bottom: 0; right: 0;}
  .application_storey h2{margin-top: 15px; font-size: 18px;}
  .application_storey p{font-size: 12px; margin-top: 10px;}
  .wrapUp{padding: 20px 0;}

    .skill_item ul{margin-top: 20px;}
    .skill_item a{margin-top: 15px;}
  
    .aboutUs_left{width: 100%; float: none; padding: 20px;}
    .aboutUs_right img{margin-top: 0;}
    .aboutUs_right{padding-right: 0; width: 100%; float: none}
  
    .skill_message{position: static; padding: 0; height: auto;}
    .skill_item{padding: 0px; width: 33.333%; height: auto; margin-top: 20px;}
    .skill_item_block{padding: 0 12px;}
    .skill_item h2{font-size: 18px; margin-top: 15px;}
    .skill_item p{font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .skill_item ul li{font-size: 12px; line-height: 18px; height: auto; text-align: left;}
    .aboutUs_text h2{font-size: 28px;}
    .about_Us{padding: 20px 0; margin-bottom: 20px;}
    .aboutUs_text p{font-size: 16px;}
    .aboutUs_text {padding: 20px;}
  
    .banner-pc-img{display: none;}
    .banner-mobile-img{display: block;min-height: 300px;}
    .banner .swiper-pagination {bottom: 16px;}
    .banner .swiper-pagination-bullet{width: 10px; height: 10px; border: 1px solid transparent;}
    .banner .swiper-pagination-bullet:after{width: 8px; height: 8px; margin-left: -4px; margin-top: -4px;}
    .banner .swiper-pagination-bullet-active{width: 10px;height: 10px; border: 1px solid #8dc21f;}
    .banner .swiper-pagination-bullet-active:after {width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;}
    .banner-words {width: 60%; padding-left: 10px; left:45%;transform: translate(-65%,-50%);}
    .banner-words h4{font-size: 30px;}
    .banner-words h4 span{font-size: 40px; }
    .banner-words h5{font-size: 20px;}
    .banner-words h5 span{font-size: 20px;}
    .banner-words h6 span{font-size: 14px;margin-right: 12px;}
    .banner-words h6{margin-top: 8px;}
    .banner-words a{margin-top: 24px;display: none;}
    .chip-container{padding-top: 36px;}
    .pro-container,.item-container,.news-picwords,.item-picwords{padding: 36px 0;}
    .indtitle h6 {font-size: 26px;}
	.indtitle p{font-size: 14px; margin-top: 20px;}
    .chip-wordspic, .pro-tablist {margin-top: 26px;}
    .chip-words{position: static;height: auto;padding: 22px 16px;width: 100%; transform: translate(0); background: rgba(65,170,255,0.8);}
    .chip-pic, .chip-wordspic{height: auto;}
    .chip-pic{width: 100%;}
    .chip-words h6 {font-size: 22px;}
    .chip-words a{margin-top: 24px;}
    .pro-tableft{width: 100%;}
    .pro-tableft{height: 424px;}
    .pro-tablpic{height: 300px;line-height: 300px;padding: 0 16px;}
    .pro-tablwords h6 {font-size: 24px;}
    .pro-tabright{width: 100%;margin-top: 16px;}
    .pro-tabright ul {margin-left: -2%;}
  .goodsList ul{margin-left: -2%; margin-top: 0}
    .pro-tabright ul li {width: 48%;margin-left: 2%; margin-top: 0; height: auto;padding-bottom: 24px;}
  .goodsList ul li{width: 48%; margin-left: 2%; margin-top: 16px; height: auto;padding-bottom: 24px;}
    .pro-tabrpic {height: 160px;padding: 0 16px;line-height: 160px; width: 100%;}
    .pro-tabrwords{width: 100%; margin-top: 20px;}
    .pro-tabright ul li:nth-child(n+3){margin-top: 16px;}
    .case-bgwords h6 {font-size: 26px;width: 90%;margin: 0 auto;}
    .case-bgwords p {font-size: 16px;line-height: 26px;width: 90%;margin: 20px auto 0;display: none;}
    .case-bgwords a{margin: 40px auto 0;}
    .case-bgwords{padding: 80px 0;}
    .item-picwords{margin-top: 0;}
    .item-prev, .item-next{display: none;}
  .indtitle_back{padding:0 0 50px 0;}
    .item-pic{height: 150px; width: 100%;}
    .item-words {text-align: left; width: 100%; padding: 20px;}
    .item-words h4{font-size: 24px;width: 100%;white-space: normal;text-overflow: clip;overflow: hidden;}
    .item-picwords .swiper-wrapper {padding-bottom: 60px;}
    .item-container{padding-bottom: 0;}
    .news-container{padding:0 0 10px 0;}
    .news-picwords {margin-top: 0;}
    .news-picwords ul{margin-left: 0;}
    .news-picwords ul li {width: 100%;margin-left: 0%;}
    .news-picwords ul li:nth-child(n+2){margin-top: 20px;}
    .news-pic{height: 210px;}
    .chip-pic img{min-height: 260px;}
    .item-words p{display: block; height: 200px; overflow-y: auto}
    .item-words>a{margin: 24px auto 0;}
    .news-picwords ul li:nth-child(n+2){display: none;}
  .gallery-thumbs{display: none}
  .gallery-top .swiper-slide{display: block !important;}
  .client div{width: 23%;}
  .client div img{margin: 30px auto 0;}
  
  .item-picwords .swiper-button-next{display: block}
.item-picwords .swiper-button-prev{display: block}
  
}
@media all and (max-width:500px) {
	.core_technology {height: 450px;}
    .skill_item ul{margin-top: 20px;}
    .skill_item a{margin-top: 15px;}
    .skill_message{position: static; padding: 0; height: auto;}
    .skill_item{padding: 0px; width: 33.333%; height: auto; margin-top: 20px;}
    .skill_item_block{padding: 0 4px;}
    .skill_item h2{font-size: 11px; margin-top: 15px;}
    .skill_item p{font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .skill_item ul li{font-size: 10px; line-height: 16px; height: auto; text-align: left;}
    .skill_item img{ height: 1	0px }
}